<template>
  <div>
    <input type="text" v-model="content" />
    <button @click="add">添加</button>
  </div>
</template>
<script setup>
import { ref } from 'vue'

// 1. 导入 useTodoStore
import { useTodoStore } from '../stores/todo-store'

// 2. 生成 store 对象
const todoStore = useTodoStore()

// content 是输入框的内容
const content = ref('')

// 点击 添加
const add = () => {
  // 3. 调用 addTodo 
  todoStore.addTodo(content.value)

  // 清空输入框
  content.value = ''
}

</script>